﻿
/*公共部分*/
* { margin: 0px auto; padding: 0px; }
* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
body { margin: 0px auto; background-color: #ffffff; text-align: center; color: #333; font: 12px/1.5 "Microsoft YaHei",tahoma, arial, "Hiragino Sans GB", sans-serif, "宋体" }
div, form, img, ul, ol, li, dl, dt, dd { margin: 0 auto; padding: 0; border: 0; }
img { display: block; }
ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
table, td, tr, th { font-size: 9pt; }
table { margin: 0px auto; padding: 0; border-collapse: collapse; border-spacing: 0; }
    table td { padding: 0; }
A:link, A:visited, A:hover { font-size: 12px; color: #333333; text-decoration: none; }



.indHeader { display: none; }
.header { width: 100%; }
.bigmenu { width: 100%; margin: 0px auto; }
    .bigmenu .bg { position: relative; width: 100%; background-image: url('../images/master/bg1.jpg'); background-repeat: no-repeat; background-position: center; }
        .bigmenu .bg .topmenubig { overflow: hidden; }
            .bigmenu .bg .topmenubig .topmenu { width: 100%; max-width: 1200px; font-size: 0px; overflow: hidden; }
                .bigmenu .bg .topmenubig .topmenu .logo { width: 435px; float: left; padding-top: 15px; overflow: hidden; }
                    .bigmenu .bg .topmenubig .topmenu .logo img { float: left; width: 86px; height: auto; }
                    .bigmenu .bg .topmenubig .topmenu .logo .name { padding-top: 10px; float: left; color: #fff; overflow: hidden; text-align: left; }
                        .bigmenu .bg .topmenubig .topmenu .logo .name b { display: block; font-size: 24px; }
                        .bigmenu .bg .topmenubig .topmenu .logo .name i { display: block; font-size: 16px; font-style: normal; }

                .bigmenu .bg .topmenubig .topmenu ul { float: right; text-align: center; font-size: 0px; vertical-align: middle; height: 108px; }
                    .bigmenu .bg .topmenubig .topmenu ul li { position: relative; vertical-align: top; display: inline-block; }
                        .bigmenu .bg .topmenubig .topmenu ul li a { text-align: center; font-size: 20px; display: block; color: #fff; padding: 0px 25px; -moz-transition: all, 0.5s; -webkit-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s; }
                        .bigmenu .bg .topmenubig .topmenu ul li.menu { line-height: 108px; }
                        .bigmenu .bg .topmenubig .topmenu ul li.action a { color: #fff; background-color: rgba(14,14,14,0.32); }
                        .bigmenu .bg .topmenubig .topmenu ul li.menu:hover a { color: #fff; background-color: rgba(14,14,14,0.32); }



@media only screen and (max-width:960px) {
    .bigmenu .bg .topmenubig .topmenu .logo { width: 325px; }
        .bigmenu .bg .topmenubig .topmenu .logo img { width: 66px; padding-top: 10px; }
        .bigmenu .bg .topmenubig .topmenu .logo .name { padding-top: 15px; }
            .bigmenu .bg .topmenubig .topmenu .logo .name b { font-size: 14px; }
            .bigmenu .bg .topmenubig .topmenu .logo .name i { font-size: 12px; }

    .bigmenu .bg .topmenubig .topmenu ul li a { padding: 0px 15px; }
}



@media only screen and (max-width:768px) {
    .bigmenu { display: none; }

    .navBtn { float: right; height: 100%; padding-left: 30px; cursor: pointer; display: block; }
        .navBtn span { display: block; position: relative; float: right; width: 25px; height: 100%; }
            .navBtn span i { display: block; position: absolute; top: 50%; width: 100%; height: 2px; margin-top: -1px; background: #c00; }
                .navBtn span i:nth-child(1) { -webkit-transform: translate(0,-8px) rotate(0); -moz-transform: translate(0,-8px) rotate(0); -o-transform: translate(0,-8px) rotate(0); transform: translate(0,-8px) rotate(0); }
                .navBtn span i:nth-child(3) { -webkit-transform: translate(0,8px) rotate(0); -moz-transform: translate(0,8px) rotate(0); -o-transform: translate(0,8px) rotate(0); transform: translate(0,8px) rotate(0); }
        .navBtn.on span i:nth-child(2) { display: none; }
        .navBtn.on span i:nth-child(1) { -webkit-transform: translate(0,0) rotate(45deg); -moz-transform: translate(0,0) rotate(45deg); -o-transform: translate(0,0) rotate(45deg); transform: translate(0,0) rotate(45deg); }
        .navBtn.on span i:nth-child(3) { -webkit-transform: translate(0,0) rotate(-45deg); -moz-transform: translate(0,0) rotate(-45deg); -o-transform: translate(0,0) rotate(-45deg); transform: translate(0,0) rotate(-45deg); }


    .nav { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; box-shadow: none; }
        .nav ul { display: inline-block; vertical-align: top; width: 100%; background: rgba(0,0,0,0.7); }
            .nav ul li { width: 100%; text-align: center; }
                .nav ul li a { position: relative; float: left; display: block; padding: 0 20px; font-size: 14px; overflow: hidden; color: #323e46; color: #fff; width: 100%; text-align: center; }
                    .nav ul li a:hover:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #2B9AD2; }


    .indHeader { display: block; padding: 0 10px; background-color: #f7f6f6; z-index: 2000; width: 100%; position: absolute; height: 40px; line-height: 40px; top: 0px; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; }
        .indHeader .phoneNav { margin-top: 40px; width: 100%; -webkit-transform: translate(0%,0) scale(1, 0); -moz-transform: translate(0%,0px) scale(1, 0); -o-transform: translate(0%,0) scale(1, 0); transform: translate(0%,0) scale(1, 0); -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; transform-origin: center top; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
            .indHeader .phoneNav.on { -webkit-transform: translate(0%,0) scale(1, 1); -moz-transform: translate(0%,0) scale(1, 1); -o-transform: translate(0%,0) scale(1, 1); transform: translate(0%,0) scale(1, 1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
        .indHeader.menuOn { background: rgba(0,0,0,0.9); }
        .indHeader .logos { max-width: 320px; float: left; height: 100%; padding: 2px 0px; }
            .indHeader .logos img { float: left; max-width: 230px; height: 100%; vertical-align: top; }
            .indHeader .logos b { float: left; font-size: 12px; color: #333; font-weight: 400; line-height: 36px; }
}


.footerbig { background-color: #272936; width: 100%; padding: 20px 0px 80px 0px }
    .footerbig .footer { width: 100%; max-width: 1200px; }
        .footerbig .footer .title { width: 100%; text-align: left; font-size: 26px; color: #fff; }
        .footerbig .footer .conn { font-size: 0px; text-align: left; margin-top: 20px; width: 100%; border-top: #2460c6 solid 1px; border-bottom: #2460c6 solid 1px; padding: 15px 0px; }
            .footerbig .footer .conn .left { width: 50%; vertical-align: top; display: inline-block; overflow: hidden; text-align: right; }
                .footerbig .footer .conn .left .box { width: 100%; margin-right: 100px; width: 172px; border: solid 0px #fff; overflow: hidden; }
                    .footerbig .footer .conn .left .box .qrcode { float: right; width: 172px; border: solid 10px #a3a3a3; }
                        .footerbig .footer .conn .left .box .qrcode img { width: 100%; }
                    .footerbig .footer .conn .left .box .txt { float: right; width: 100%; font-size: 16px; color: #fff; text-align: center; height: 30px; padding-top: 10px; }
            .footerbig .footer .conn .right { width: 50%; display: inline-block; }


            .footerbig .footer .conn .right { width: 50%; vertical-align: top; }
                .footerbig .footer .conn .right ul { width: 100%; overflow: hidden; }
                    .footerbig .footer .conn .right ul li { font-size: 16px; color: #fff; width: 100%; line-height: 29px; padding-left: 45px; text-align: left; margin: 8px 0px 8px 0px; }
                        .footerbig .footer .conn .right ul li.i1 { background-image: url('../images/master/f1.png'); background-repeat: no-repeat; background-position: left top; }
                        .footerbig .footer .conn .right ul li.i2 { background-image: url('../images/master/f2.png'); background-repeat: no-repeat; background-position: left top; }
                        .footerbig .footer .conn .right ul li.i3 { background-image: url('../images/master/f3.png'); background-repeat: no-repeat; background-position: left top; }
                        .footerbig .footer .conn .right ul li.i4 { background-image: url('../images/master/f4.png'); background-repeat: no-repeat; background-position: left top; }
                        .footerbig .footer .conn .right ul li.i5 { background-image: url('../images/master/f5.png'); background-repeat: no-repeat; background-position: left top; }

  .footerbig .footer .beian { font-size: 14px; }
            .footerbig .footer .beian a { color: #fff }

@media only screen and (max-width:480px) {
    .footerbig .footer .conn .left { width: 100%; }
    .footerbig .footer .conn .right { width: 100%; }
}
